import React, { PureComponent } from 'react';
import { Form,Input } from 'antd';
import { connect } from 'dva';
import "./form.less"
class AdminiculaDetail extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {

        }

    }
    async componentDidMount() {
        if (this.props.onLoaded) {
            this.props.onLoaded(this);
        }

    }

    render() {
        const {getFieldDecorator}=this.props.form
        return (
            <div className="adminiculaDetail">

                <div className="cirBox">
                    {
                        Array.from(Array(6)).map((item, index) => <div key={'cir' + index} className="cirRow">
                            {
                                Array.from(Array(6)).map((item, index2) => <div draggable key={'cir' + index2} className="circle">
                                    <div className="text">{'circle-' + index2}</div>
                                    {
                                        index == 0 ? <div className="roadName">{"KGFDGFD" + index2}</div> : undefined
                                    }
                                </div>)
                            }
                        </div>)
                    }


                </div>
                <Form
                    style={{ marginTop: "60px",padding:"20px 15px 5px 15px",border:"1px solid #ececec" }}
                    labelAlign="right"
                    labelCol={{ span: 6 }}
                    wrapperCol={{ span: 18 }}
                >

                    <Form.Item className="half" label='支座类型'>
                        {getFieldDecorator('name', {
                            rules: [
                                { required: true, message: '桥梁名称' }
                            ],
                        })(
                            <Input placeholder="请输入桥梁名称" />
                        )}
                    </Form.Item>
                    <Form.Item className="half" label='支座编号'>
                        {getFieldDecorator('name', {
                            rules: [
                                { required: true, message: '桥梁名称' }
                            ]
                        })(
                            <Input placeholder="请输入桥梁名称" />
                        )}
                    </Form.Item>
                </Form>
            </div>
        )
    }
}
export default connect(
    ({ }) => ({}),
    dispatch => ({

    })
)(Form.create('AdminiculaDetail', {

})(AdminiculaDetail));